/* CSS Document */

#sidebuttons {
position:fixed;
bottom:50px;
right:15px;
z-index:9999;
}

#mobile-sidebuttons {
position:fixed;
bottom:10px;
right:10px;
z-index:9999;
display:none;
}

#sidebuttons #chatbanner{
margin-left:-40px;
}

ul.sidebutton, ul.sidebutton ul {
margin:0;
padding:0;
list-style-type:none;
display:block;
}

ul.sidebutton > li > a {
position:relative;
display:block;
width:48px;
height:48px;
line-height:48px;
margin-bottom:15px;
padding-top:7px;
text-align:center;
color:#FFFFFF;
font-size:22px;
background-color:#50BAC3;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
-khtml-border-radius: 40px;
border-radius: 40px;
z-index:2;
}

ul.sidebutton li ul {
position:absolute;
left:23px;
width:1px;
overflow:hidden;
opacity:1;
height:48px;
margin-top:-63px;
border: solid 1px #ccc;
-webkit-border-radius: 40px 0 0 40px;
-moz-border-radius: 40px 0 0 40px;
-khtml-border-radius: 40px 0 0 40px;
border-radius: 40px 0 0 40px;
border-right:none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index:1;
}

ul.sidebutton li:hover > ul {
left:-120px;
opacity:1;
width:140px;
padding-left:5px;
}

ul.sidebutton li ul li a {
display:block;
color:#ccc;
text-transform:uppercase;
font-size:13px;
text-align:center;
padding-top:6px;
line-height:16px;
font-weight:700;
letter-spacing:1px;
text-decoration:none;
}

#mobile-sidebuttons ul.sidebutton li ul {
background-color:#50BAC3;
border: solid 1px #50BAC3;
}

#mobile-sidebuttons ul.sidebutton li:hover > ul {
left:-145px;
opacity:1;
width:165px;
}

#mobile-sidebuttons ul.sidebutton li ul li a {
width:46px;
padding:6px 6px 0 6px;
float:left;
}


@media screen and (max-width: 985px) {

#chat-application .banner {
display:none !important;
}

} /* end mediaquery */

@media screen and (max-width: 665px) {

#sidebuttons {
display:none;
}

#mobile-sidebuttons {
display:block;
}


} /* end mediaquery */